<template>
  <div class="gl_contentBox">
    <el-form ref="refFormAddRole" label-width="120px" class="gl_px_10" :model="FormAddRoleVO" :rules="FormAddRoleVO_Rules">
      <el-row :gutter="20">
        <el-col :span="24">
          <el-form-item label="门店ID" size="mini">
            98281008
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="道馆名称" prop="name" size="mini">
            <el-input v-model="FormAddRoleVO.name" clearable />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="分道馆名称" prop="name" size="mini">
            <el-input v-model="FormAddRoleVO.name" clearable />
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="所属城市" prop="name" size="mini">
            <el-select size="mini" placeholder="请选择所属城市" filterable>
              <!-- <el-option v-for="item in items" :key="item" :label="item" :value="item" /> -->
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="门店电话" prop="name" size="mini">
            <el-select size="mini" placeholder="请选择所属城市" filterable>
              <el-option label="手机号码" value="手机号码" />
              <el-option label="座机号码" value="座机号码" />
              <el-option label="400/800" value="400/800" />
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="16">
          <el-input placeholder="请输入座机号码" size="mini">
            <template slot="prepend">010-</template>
          </el-input>
        </el-col>
        <el-col :span="24">
          <el-form-item label="营业时间" size="mini">
            营业时间
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="门店地址" size="mini">
            <el-input v-model="FormAddRoleVO.desc" clearable type="textarea" show-word-limit maxlength="100" placeholder="请输入内容" />
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="地图" size="mini">
            地图
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="门店照片" size="mini">
            门店照片
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="补充说明" size="mini">
            <el-input v-model="FormAddRoleVO.desc" clearable type="textarea" show-word-limit maxlength="150" placeholder="请提供修改以上信息的原因，帮助工作人员核实，150字以内" />
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-alert
            title="温馨提示"
            type="warning"
            :closable="false"
            description="为了确保您的门店信息真实有效，您提交的修改内容将会在审核后再同步到网站。因此会产生短暂的延时，敬请谅解！"
          />
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>
<script>
export default {
  data() {
    return {
      FormAddRoleVO: {
        name: '',
        desc: '',
        authority: []
      },
      FormAddRoleVO_Rules: {
        name: [
          { required: true, message: '请输入活动名称', trigger: 'blur' },
          { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
        ],
        desc: [
          { required: true, message: '请输入活动名称', trigger: 'blur' },
          { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
        ],
        authority: []
      }
    };
  }
};
</script>
